<!DOCTYPE html>
<script>
    window.targetScaleFactor = 2;
</script>
<script src="resources/srcset-helper.js"></script>
<script src="../../resources/js-test.js"></script>
<script>
    addEventListener("load", function() {
        shouldBe('document.getElementById("foo").clientWidth', '200');
        shouldBe('document.getElementById("foo2").clientWidth', '400');
        shouldBe('document.getElementById("foo3").clientWidth', '100');
        shouldBe('document.getElementById("foo4").clientWidth', '200');
        shouldBe('document.getElementById("foo5").clientWidth', '200');
    }, false);
</script>
<div>
    This test passes if the images are all displayed with appropriate dimensions.
</div>
<img id="foo" srcset="resources/blue-100-px-square.png 1x, resources/deleteButton.png 3x, resources/green-400-px-square.png 2x">
<br>
<img id="foo2" src="resources/green-400-px-square.png">
<br>
<img id="foo3" srcset="resources/srcset.svg 2x">
<br>
<img id="foo4" srcset="resources/blue-100-px-square.png 0.5x">
<br>
<img id="foo5" src="resources/srcset.svg">
